@font-face { font-family: Proxima; src: url("ProximaNova-Regular.otf"); }
@font-face { font-family: Proxima; src: url("ProximaNova-Light.otf"); font-weight: 100; }
* { margin: 0; padding: 0; }

body { overflow-x: hidden; font-family: Proxima; }

li { list-style: none; }

img { border: none;  }

a { text-decoration: none; color: #333333; }

input { outline: none; }
#LRdiv0{display:none!important}
.clear { clear: both; }

.hidden { display: none; }

.container { width: 1200px; margin: 0 auto; }

.mart_80 { margin-top: 80px; }

p { font-size: 16px; color: #666666; line-height: 24px; text-align: justify; font-weight: 100; }

p.tit_sum { width: 1000px; text-align: center; margin: 30px auto 0; }

p.center { text-align: center; margin: 35px auto 40px; font-size: 18px; color: #333333; }

p.f14 { font-size: 14px; margin-top: 30px; }

p.f16 { font-size: 16px; margin-top: 35px; }

.ltit, .ltit_c { font-size: 30px; line-height: 30px; color: #333333; position: relative; margin-bottom: 20px; font-weight: 100; width: 1200px; }
.ltit:after, .ltit_c:after { content: " "; display: block; width: 100px; height: 1px; position: absolute; background: #c82821; bottom: -12px; }
.ltit a.more, .ltit_c a.more { float: right; font-size: 18px; color: #c82821; text-transform: uppercase; }
.ltit span, .ltit_c span { font-size: 14px; padding-left: 20px; }

.ltit_c { text-align: center; }
.ltit_c:after { left: 50%; margin-left: -50px; }

.pagenumber { width: 100%; height: 60px; text-align: center; margin-top: 20px; }
.pagenumber a, .pagenumber b { padding: 5px 10px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 16px; color: #666666; margin-right: 20px; font-weight: 100; transition: all .2s; }
.pagenumber a:hover, .pagenumber b { border-color: #c82821; color: #c82821; }

.lum_nav { width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #f0f0f0; margin: 5px 0 20px; }
.lum_nav a { font-size: 20px; color: #333333; font-weight: 100; display: inline-block; transition: all .2s; }
.lum_nav a:after { content: " "; display: block; width: 0; height: 1px; background: #c82821; margin: 0 auto; transition: all .2s; }
.lum_nav a.on, .lum_nav a:hover { color: #c82821; }
.lum_nav a.on:after, .lum_nav a:hover:after { width: 100%; }
.lum_nav a.none { opacity: 0; }

.products_nav { width: 100%; height: 60px;  border-bottom: 1px solid #f0f0f0; margin: 5px 0 20px; }
.products_nav .container { text-align: justify; overflow: hidden; }
.products_nav a { font-size: 20px; color: #333333; font-weight: 100; display: inline-block; transition: all .2s; }
.products_nav a:after { content: " "; display: block; width: 0; height: 1px; background: #c82821; margin: 0 auto; transition: all .2s; }
.products_nav a.on, .products_nav a:hover { color: #c82821; }
.products_nav a.on:after, .products_nav a:hover:after { width: 100%; }
.products_nav a.none { opacity: 0; }

.cons { height: 38px; margin-top: 60px; }
.cons a { display: inline-block; width: 308px; height: 38px; line-height: 38px; float: left; border: 1px solid #c82821; border-radius: 4px; color: #c82821; margin-right: 30px; margin-left: 270px; }
.cons a:before { display: block; width: 22px; height: 30px; content: " "; background: url("../images/icons.png") -392px -112px; float: left; margin: 0 20px 0 30px; }
.cons a.mail { margin-left: 0; }
.cons a.mail:before { background-position-x: -427px; }

/*-------------nav----------------*/
.logo { display: block; width: 338px; height: 39px; float: left; margin-top: 24px; background: url("../images/icons.png"); }

.navbar { width: 100%; height: 80px; background: url("../images/bg_nav.png"); position: fixed; z-index: 9999; }

.nav { float: left; width: 685px; margin-left: 100px; }
.nav li { float: left; height: 80px; line-height: 80px; }
.nav li > a { display: block; color: #FFFFFF; padding: 0 16px; }
.nav li dl { background: #f5f5f5; width: 96px; position: absolute; top: 80px; display: none; }
.nav li dl dd { line-height: 40px; text-indent: 10px; border-bottom: 1px solid #f0f0f0; }
.nav li dl a { display: block; }
.nav li dl a:hover { color: #FFFFFF; background: #c82821; }
.nav li:hover > a { background: #c82821; }
.nav li:hover dl { display: block; }

.websites { width: 28px; height: 80px; float: left; background: url("../images/icons.png") -484px -353px; cursor: pointer; position: relative; }
.websites ul { width: 250px; height: 60px; position: absolute; top: 80px; background: #FFFFFF; left: -185px; border: 1px solid #f0f0f0; border-top: none; display: none; }
.websites ul li { line-height: 30px; text-indent: 20px; }
.websites ul li:hover { background: #c82821; }
.websites ul li:hover a { color: #FFFFFF; }
.websites:hover ul { display: block;}

.nav_search { width: 20px; height: 80px; float: right; background: url("../images/icons.png") -515px -353px; cursor: pointer; position: relative; }
.nav_search i { width: 20px; height: 80px; display: block; }
.nav_search .searchbox { position: absolute; top: 80px; left: -250px; width: 300px; height: 41px; background: #FFFFFF; border: 1px solid #f0f0f0; border-radius: 4px; line-height: 40px; display: none; }
.nav_search .searchbox input { width: 250px; height: 40px; border: none; line-height: 40px; text-indent: 10px; float: left; }
.nav_search .searchbox button { width: 50px; height: 40px; float: left; border: none; outline: none; cursor: pointer; border-radius: 0 4px 4px 0; background: url("../images/icons.png") #c82821 -326px 0px; }

/*------cebian-----------*/
.cebian { width: 50px; height: 310px; position: fixed; top: 50%; right: 0px; margin-top: -160px; z-index: 9999; }
.cebian li { width: 50px; height: 50px; margin-bottom: 1px; background: url("../images/icons.png") #f5f5f5 -248px -30px; position: relative; z-index: 9999; }
.cebian li * { transition: all .2s; }
.cebian li a { display: block; width: 100%; height: 100%; }
.cebian li span { display: block; width: 130px; height: 36px; position: absolute; top: 7px; background: url("../images/icons.png") -495px -439px; color: #FFFFFF; line-height: 36px; font-size: 16px; font-weight: 100; opacity: 0; left: 0px; z-index: 9998; }
.cebian li span:before { display: block; width: 30px; height: 36px; float: left; content: " "; margin: 0 5px 0 8px; background: url("../images/icons.png") -261px -78px; }
.cebian li.order { background-position-x: -290px; }
.cebian li.order span:before { background-position-x: -303px; }
.cebian li.fbk { background-position-x: -327px; }
.cebian li.fbk span:before { background-position-x: -340px; }
.cebian li.twt { background-position-x: -366px; }
.cebian li.twt span:before { background-position-x: -379px; }
.cebian li.ytb { background-position-x: -409px; }
.cebian li.ytb span:before { background-position-x: -422px; }
.cebian li.top { background-position-x: -452px; }
.cebian li.top span:before { background-position-x: -465px; }
.cebian li:hover, .cebian li.on { background-position-y: -70px; background-color: #c82821; }
.cebian li:hover span { left: -130px; opacity: 1; }

/*----------small banner------------*/
.small_banner { width: 100%; height: 400px; background: url("../images/sb_products.jpg") center; overflow: hidden; margin-bottom: 80px; }
.small_banner dl { width: 340px; height: 100px; background: url("../images/bg_sbcons.png") no-repeat; margin-top: 160px; text-indent: 40px; font-weight: 100; }
.small_banner dl dt { width: 100%; height: 70px; line-height: 70px; font-size: 26px; color: #FFFFFF; }
.small_banner dl dd { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #c82821; }
.small_banner dl dd a { color: #c82821; }

.marb0 { margin-bottom: 0; }

/*-----------pro box--------------*/
.probox, .casebox { width: 105%; }
.probox:after, .casebox:after { content: " "; display: block; clear: both; }
.probox .ltit, .casebox .ltit { margin-bottom: 50px; }
.probox dl, .casebox dl { width: 243px; height: 343px; padding: 20px; float: left; border: 1px solid #f0f0f0; margin-right: 20px; border-radius: 4px; margin-bottom: 20px; }
.probox dl *, .casebox dl * { transition: all .2s; }
.probox dl dt, .casebox dl dt { width: 100%; height: 162px; background: #f5f5f5; }
.probox dl dt img, .casebox dl dt img { width: 100%; }
.probox dl dd, .casebox dl dd { border-top: 1px solid #f0f0f0; text-align: center; font-weight: 100; color: #666666; margin-top: 20px; padding-top: 20px; font-size: 16px; line-height: 26px; }
.probox dl dd span, .casebox dl dd span { display: block; font-weight: normal; color: #333333; line-height: 30px; font-size: 18px; transition: all .2s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.probox dl:hover, .casebox dl:hover { border-color: #c82821; }
.probox dl:hover dd, .casebox dl:hover dd { border-top-color: #c82821; }
.probox dl:hover dd span, .casebox dl:hover dd span { color: #c82821; }

.casebox dl { width: 285px; border: none; height: 260px; border-bottom: 1px solid #f5f5f5; border-radius: 0; padding: 0; }
.casebox dl dt { height: 190px; overflow: hidden; }
.casebox dl dt img { width: 100%; transition: all .2s; }
.casebox dl dd { border: none; margin-top: 0; height: 50px; }
.casebox dl:after { content: " "; display: block; width: 0; height: 1px; background: #c82821; margin: 0 auto; transition: all .2s; }
.casebox dl:hover dt img { transform: scale(1.05); }
.casebox dl:hover { border-color: #f0f0f0; }
.casebox dl:hover:after { width: 100%; }

/*--------service strip-------------*/
.service_strip { width: 100%; height: 88px; border: 1px solid #f0f0f0; border-left: none; border-right: none; margin: 70px 0; }
.service_strip span { display: block; float: left; height: 88px; line-height: 88px; font-size: 16px; color: #333333; font-weight: 100; margin-right: 50px; }
.service_strip span:before { display: inline-block; width: 40px; height: 30px; content: " "; background: url("../images/icons.png") -525px -103px; vertical-align: middle; margin-right: 10px; }
.service_strip span:after { display: inline-block; width: 1px; height: 30px; content: " "; background: #f0f0f0; float: right; margin-top: 29px; }
.service_strip span.cor { width: 210px; }
.service_strip span.qtb { width: 290px; }
.service_strip span.qtb:before { background-position-y: -142px; }
.service_strip span.ciw { width: 295px; }
.service_strip span.ciw:before { background-position-y: -183px; }
.service_strip span.pat { float: right; margin-right: 0; }
.service_strip span.pat:before { background-position-y: -224px; }
.service_strip span.pat:after { display: none; }
.service_strip span:hover { color: #c82821; }
.service_strip span:hover:before { background-position-x: -576px; }

/*---------form-----------*/
/*.form_quotation{ font-weight: 100; input,textarea{outline:none;} .left,.right{width: 580px;height: 180px;margin-top: 20px;} .left{float: left;width: 620px;} .right{float: right;} .lab{ width: 578px;height: 38px;border: 1px solid #cccccc;margin-bottom: 20px;font-size: 16px;color: #999999;line-height: 38px; span{display: block;float: left;width:80px;text-align: right;} input{width: 450px;height:36px;text-indent: 10px;border:none;color:#333;} i{color: $color;font-style: normal;} } .sns_select,.sns_id{border: 1px solid #cccccc;float: left;margin-right: 20px;} .sns_select{ span{text-indent: 20px;display: block;float: left;margin-right: 20px;} width: 308px;height: 38px;float: left;line-height: 38px;color: #333333; select{outline: none;border: none;font-size: 16px;width: 110px;} } .sns_id{width: 248px;height: 38px;text-indent: 10px;} .fuel_cho,.appli_cho{ width: 100%;color: #666666;line-height: 36px; span{display: block;float: left;font-size: 18px;margin-right: 50px;} li{ float: left;line-height: 36px;margin-right: 28px;cursor:pointer; &:before{display: inline-block;width: 10px;height: 10px;margin-right: 10px;background: url("../images/icons.png") -565px -281px;content: " ";} &.on,&:hover{ color:$color; &:before{background-position-x: -545px;} } } &:hover span{color: $color} } .appli_cho span{height:85px;} .message{ width: 100%;color: #666666; span{margin-bottom: 15px;display: block;} textarea{width: 1198px;height: 118px;border:1px solid #CCCCCC;line-height: 36px;font-size: 16px;text-indent: 20px;color: #333333;} } .sub{width: 220px;height: 44px;line-height: 44px;color:#FFFFFF;background: $color;font-size: 18px;border-radius: 4px;margin: 30px auto;border:none;cursor:pointer;display: block;}
}*/
.form_quotation { font-weight: 100; }
.form_quotation input, .form_quotation textarea, .form_quotation textarea { outline: none; font-family: "Proxima"; font-weight: 100; }
.form_quotation .left, .form_quotation .right { width: 580px; height: 180px; margin-top: 20px; }
.form_quotation .left { float: left; width: 620px; }
.form_quotation .right { float: right; }
.form_quotation input { font-size: 16px; }
.form_quotation .lab { width: 578px; height: 38px; border: 1px solid #cccccc; margin-bottom: 20px; font-size: 16px; color: #999999; line-height: 38px; }
.form_quotation .lab span { display: block; float: left; width: 80px; text-align: right; }
.form_quotation .lab input { width: 450px; height: 36px; text-indent: 10px; border: none; color: #333; }
.form_quotation .lab i { color: #c82821; font-style: normal; }
.form_quotation .lab select { outline: none; border: none; font-size: 16px; width: 300px; margin-left: 10px; height: 100%; }
.form_quotation textarea { width: 578px; height: 98px; border: 1px solid #CCCCCC; line-height: 36px; font-size: 16px; text-indent: 20px; color: #333333; }
.form_quotation .fuel_cho, .form_quotation .appli_cho { width: 100%; color: #666666; line-height: 36px; }
.form_quotation .fuel_cho span, .form_quotation .appli_cho span { display: block; float: left; font-size: 18px; margin-right: 50px; }
.form_quotation .fuel_cho li, .form_quotation .appli_cho li { float: left; line-height: 36px; margin-right: 28px; cursor: pointer; }
.form_quotation .fuel_cho li:before, .form_quotation .appli_cho li:before { display: inline-block; width: 10px; height: 10px; margin-right: 10px; background: url("../images/icons.png") -565px -281px; content: " "; }
.form_quotation .fuel_cho li.on, .form_quotation .fuel_cho li:hover, .form_quotation .appli_cho li.on, .form_quotation .appli_cho li:hover { color: #c82821; }
.form_quotation .fuel_cho li.on:before, .form_quotation .fuel_cho li:hover:before, .form_quotation .appli_cho li.on:before, .form_quotation .appli_cho li:hover:before { background-position-x: -545px; }
.form_quotation .fuel_cho:hover span, .form_quotation .appli_cho:hover span { color: #c82821; }
.form_quotation .appli_cho span { height: 85px; }
.form_quotation .sub { width: 220px; height: 44px; line-height: 44px; color: #FFFFFF; background: #c82821; font-size: 18px; border-radius: 4px; margin: 30px auto; border: none; cursor: pointer; display: block; }

.chat_form { float: right; font-size: 18px; color: #c82821; height: 22px; line-height: 22px; }
.chat_form a { color: #c82821; }
.chat_form a:before, .chat_form a:after { display: inline-block; background: url("../images/icons.png"); content: " "; vertical-align: middle; }
.chat_form a:before { width: 20px; height: 22px; background-position: -510px -278px; margin-right: 5px; }
.chat_form a:after { width: 30px; height: 10px; background-position: -587px -280px; margin-left: 10px; }

/*-----------footer---------------*/
.footer { width: 100%; background: #303030; height: 385px; border-top: #cc3333 2px solid; overflow: hidden; color: #cccccc; font-size: 16px; position: relative; padding-top: 35px;  /*--------------*/ }
.footer a { color: #cccccc; /* transition: all .2s;*/ }
.footer a:hover { color: #c82821; }
.footer * { z-index: 99999; }
.footer canvas { opacity: .2; position: absolute; top: 0; left: 0; z-index: 9998; pointer-events: none; }
.footer .help { width: 300px; margin: 0 0 40px 0; color: #ffffff; font-size: 16px; font-weight: 100; height: 40px; line-height: 40px; float: left; }
.footer .help span { display: inline-block; margin-left: 20px; cursor: pointer; }
.footer .help span:before { display: block; float: left; width: 10px; height: 10px; border-radius: 50%; background: #FFFFFF; content: " "; margin: 14px 8px 0 0; }
.footer .help span.on:before { background: #c82821; }
.footer .f_nav { width: 820px; height: 290px; float: left; }
.footer .f_nav ul { float: left; margin-right: 85px; }
.footer .f_nav ul li { line-height: 34px; font-weight: 100; }
.footer .f_nav ul li:first-child { font-size: 20px; margin-bottom: 10px; font-weight: normal; }
.footer .cons_sns { width: 380px; float: right; height: 290px; color: #cccccc; }
.footer .cons_sns .tit { font-size: 20px; margin-bottom: 10px; line-height: 34px; }
.footer .cons_sns p { color: #ccc; font-size: 16px; line-height: 30px; border-bottom: 1px solid #666666; padding-bottom: 8px; margin-bottom: 15px; }
.footer .cons_sns ul.cons_foot { width: 100%; }
.footer .cons_sns ul.cons_foot li { width: 50%; float: left; height: 20px; line-height: 20px; margin-bottom: 10px; font-weight: 100; }
.footer .cons_sns ul.cons_foot li:before { width: 20px; height: 20px; float: left; display: block; content: " "; background: url("../images/icons.png") -50px -211px; margin-right: 5px; }
.footer .cons_sns ul.cons_foot li.tel:before { background-position-x: -76px; }
.footer .cons_sns ul.cons_foot li.phone:before { background-position-x: -98px; }
.footer .cons_sns ul.cons_foot li.fax:before { background-position-x: -120px; }
.footer .cons_sns .sns { width: 110%; margin-top: 15px; }
.footer .cons_sns .sns a { width: 25px; height: 25px; display: block; float: left; margin-right: 44px; background: url("../images/icons.png") -4px -254px; }
.footer .cons_sns .sns a.tw { background-position-x: -30px; }
.footer .cons_sns .sns a.yt { background-position-x: -61px; }
.footer .cons_sns .sns a.gp { background-position-x: -92px; }
.footer .cons_sns .sns a.in { background-position-x: -126px; }
.footer .cons_sns .sns a.sky { background-position-x: -157px; }
.footer .cons_sns .sns a.wk { background-position-x: -189px; }
.footer .cons_sns .sns a.tt { background-position-x: -226px; }
.footer .cons_sns .sns a:hover { background-position-y: -281px; }
.footer .langs { text-align: center; border-top: 1px solid #4d4d4d; }
.footer .langs .mia { text-align: center; margin: 32px 0 10px; }
.footer .langs .mia a { display: inline-block; width: 60px; height: 30px; background: url("../images/icons.png") -85px -110px; margin-right: 20px; }
.footer .langs .mia a.eso { width: 30px; background-position-x: -150px; }
.footer .langs .mia a.eac { width: 30px; background-position-x: -189px; }
.footer .langs .mia a:hover { background-position-y: -142px; }

form#phone { width: 570px; height: 40px; background: #222222; border-radius: 4px; float: right; overflow: hidden; }
form#phone input.phone { width: 480px; float: left; height: 40px; line-height: 40px; font-size: 14px; color: #FFFFFF; outline: none; border: none; background: #222222; text-indent: 25px; }
form#phone input.sub { width: 80px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; background: #c82821; float: right; border: none; outline: none; font-size: 16px; font-weight: 100; cursor: pointer; }

/*---------*/
.copyright { width: 100%; position: absolute; height: 64px; background-color: #232323; bottom: 0; color: #686868; line-height: 64px; font-size: 14px; }
.copyright .f_logo { width: 100px; height: 28px; display: inline-block; background: url("../images/icons.png") -383px 0; line-height: 64px; margin-top: 18px; }
.copyright .cpt { float: right; }

/*---------------news list----------------------*/
.related_info, .news_list_ind { width: 100%; margin: 70px auto; }
.related_info ul, .news_list_ind ul { width: 100%; margin-top: 50px; }
.related_info ul li, .news_list_ind ul li { width: 49%; float: left; height: 54px; line-height: 54px; font-size: 18px; border-bottom: 1px solid #f0f0f0; }
.related_info ul li a, .news_list_ind ul li a { color: #666666; font-weight: 100; display: block; transition: all .2s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related_info ul li a:before, .news_list_ind ul li a:before { display: block; width: 10px; height: 54px; content: " "; float: left; background: url("../images/icons.png") -227px -100px; margin-right: 10px; transition: all .2s; }
.related_info ul li a:after, .news_list_ind ul li a:after { display: block; height: 1px; content: " "; background: #c82821; transition: all .2s; width: 0; }
.related_info ul li a span, .related_info ul li a i, .news_list_ind ul li a span, .news_list_ind ul li a i { display: block; height: 54px; line-height: 54px; }
.related_info ul li a span, .news_list_ind ul li a span { width: 70%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related_info ul li a i, .news_list_ind ul li a i { width: 20%; float: right; font-style: normal; }
.related_info ul li:nth-child(2n), .news_list_ind ul li:nth-child(2n) { float: right; }
.related_info ul li:hover a, .news_list_ind ul li:hover a { color: #c82821; }
.related_info ul li:hover a:before, .news_list_ind ul li:hover a:before { background-position-x: -239px; }
.related_info ul li:hover a:after, .news_list_ind ul li:hover a:after { width: 100%; }
.related_info ul:after, .news_list_ind ul:after { content: " "; display: block; clear: both; }

.news_list_ind ul li a:before { background: none; }

dl.more { width: 100%; height: 90px; margin-top: 30px; }
dl.more dt { width: 50px; height: 50px; text-align: center; line-height: 58px; margin: 0 auto 10px; color: #c82821; border: 1px solid #c82821; font-size: 55px; border-radius: 50%; font-weight: 100; }
dl.more dd { font-size: 16px; text-align: center; color: #c82821; }

/*---------------news content-------------------*/
.news_art { width: 100%; }
.news_art h2 { text-align: center; font-weight: 100; font-size: 30px; color: #c82821; }
.news_art span.newstime { font-size: 16px; color: #666666; text-align: center; display: block; margin: 15px 0 50px; font-weight: 100; }
.news_art p { margin-bottom: 25px; }
.news_art img { display: block; margin: 0 auto; width: 600px; height: 400px; }
.news_art a{text-decoration: underline;transtion:all .2s;}
.news_art a:hover{color:#c82821;}
/* 2021��9������ */
.news_art h1, .news_art h2, .news_art h3, .news_art h4, .news_art h5, .news_art h6{margin:15px 0;text-transform: capitalize; font-weight: 100;}
.news_art h3 {font-size: 28px;}
.news_art h4 {font-size: 24px;}
.news_art h5 {font-size: 20px;}
.news_art h6 {font-size: 16px;}
.news_art ul li {list-style: disc;}
.news_art ol li {list-style: decimal;}
.news_art ul, .news_art ol { background: #d8d8d82e; border-radius: 5px; padding: 20px 20px 20px 40px; }
.news_art ul li,.news_art ol li{  font-size: 18px; line-height: 40px; color: #666;font-weight: 100; }
/* 2021��9���������� */

.hotqian { width: 100%; height: 30px; line-height: 30px; margin-top: 30px; }
.hotqian dt, .hotqian span { float: left; font-size: 18px; color: #c82821; margin-right: 30px; }
.hotqian dt:before, .hotqian span:before { display: block; content: " "; width: 27px; height: 30px; background: url("../images/icons.png") -460px -149px; float: left; margin-right: 8px; }
.hotqian dd { float: left; font-size: 16px; font-weight: 100; }
.hotqian a { margin-right: 25px; color: #666666; }
.hotqian a:hover { color: #c82821; }

.pn { width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #999999; margin-top: 70px; }
.pn .pan, .pn .back_list { background: #f5f5f5; float: left; }
.pn .pan a, .pn .back_list a { color: #999999; }
.pn .pan { width: 1200px; height: 60px; margin-right: 3px; }
.pn .pan a:hover { color: #c82821; }
.pn .back_list { background: #f5f5f5; width: 118px; }
.pn .back_list a { display: block; }
.pn .back_list:hover { background: #c82821; }
.pn .back_list:hover a { color: #FFFFFF; }

/*-------other public--------*/
.vicon { width: 100px; height: 30px; position: absolute; left: 25px; bottom: 25px; background: url("../images/icons.png") #FFFFFF 0 -172px; border-radius: 4px; cursor: pointer; }
.vicon span { display: block; float: right; width: 70px; height: 30px; text-align: center; line-height: 32px; color: #c82821; font-size: 14px; }

.arrow { width: 148px; height: 34px; line-height: 34px; border-radius: 4px; border: 1px solid #c82821; display: block; text-align: center; font-size: 16px; font-weight: 100; color: #c82821; }
.arrow:after { width: 22px; height: 34px; display: inline-block; content: " "; background: url("../images/icons.png") -590px -14px; vertical-align: middle; margin-left: 10px; }

.case_special .hd, .equipment .hd { width: 100%; height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #f0f0f0; }
.case_special .hd span, .equipment .hd span { font-size: 30px; font-weight: 100; padding: 0 10px; cursor: pointer; display: inline-block; position: relative; margin: 0 30px; transition: all .2s; }
.case_special .hd span:after, .equipment .hd span:after { display: block; width: 0; height: 1px; background: #c82821; content: " "; left: -5%; position: absolute; transition: all .2s; }
.case_special .hd span.on, .case_special .hd span:hover, .equipment .hd span.on, .equipment .hd span:hover { color: #c82821; }
.case_special .hd span.on:after, .case_special .hd span:hover:after, .equipment .hd span.on:after, .equipment .hd span:hover:after { width: 110%; }

.equipment .hd span:after { left: 0; margin: 0 auto; position: relative; }

.equipment .hd span:hover:after, .equipment .hd span.on:after { width: 100%; }

/**-----**/
.mask2 { position: fixed; background-color: rgba(51, 51, 51, 0.4); width: 100%; height: 100%; z-index: 8; top: 0px; left: 0px; display: none; }

.mask2 video { position: absolute; left: 50%; top: 50%; margin-left: -480px; margin-top: -270px; }

.mask2 .imgclo { cursor: pointer; position: fixed; top: 15%; right: 25%; z-index: 999; font-size: 55px; color: red; }

.notfound { margin-top: 150px; text-align: center; font-size: 18px; line-height: 26px; }
.notfound em { font-style: normal; display: block; font-size: 30px; margin: 40px 0 30px; }
.notfound span { color: #c82821; }
.notfound img { display: block; margin: 0 auto; }
.notfound .probox { margin-top: 80px; }

/*# sourceMappingURL=public.css.map */
/**--�Ҳ�whatsapp---**/
.fixed_whatsapp{ border-radius:50%; position:fixed; right:7px;top: 866px !important; bottom:20px;background-color:#c82821; transition:background-color .5s; overflow:hidden;z-index:99999}
.fixed_whatsapp a{display:block; width:50px; height:50px;background: url("../images/whatsapp.png") -372px 0;}
.fixed_whatsapp:hover{background-color:#c82821; transition:background-color .5s;}


.case_detailed .case_paras {
    width: 105%;
    margin-bottom: 50px;
    height: 120px;
}

.case_detailed .case_paras dl {
    width: 387px;
    height: 120px;
    float: left;
    margin-right: 20px;
    background: #f5f5f5;
    font-size: 20px;
    color: #666666;
    line-height: 30px;
    overflow: hidden;
    font-weight: 100;
}

.case_detailed .case_paras dl dt {
    width: 35px;
    height: 38px;
    background: url(../images/icons.png) -154px -173px;
    margin: 40px 30px 0 70px;
    float: left;
}

.case_detailed .case_paras dl dd {
    padding-top: 30px;
}

.case_detailed .case_paras dl * {
    transition: all .2s;
}

.case_detailed .case_imgs {
    width: 100%;
    margin: 70px 300px 20px;
    height: 390px;
}
.case_detailed .case_imgs li {
    width: 590px;
    height: 390px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.case_detailed .case_imgs li img {
    width: 100%;
    height: 100%;
}

.lum_nav {
    width: 85%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f0f0f0;
    margin: 5px 0 20px;
}
.container {
    width: 1200px;
    margin: 0 auto;
}

.lum_nav a {
    width: 24.6%;
    text-align: center;
}

.lum_nav a {
    font-size: 20px;
    color: #333333;
    font-weight: 100;
    display: inline-block;
    transition: all .2s;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.special_list {
    width: 105%;
    margin-top: 70px;
}

.special_list dl {
    width: 585px;
    height: 200px;
    float: left;
    background: #f5f5f5;
    margin: 0 30px 30px 0;
}

.special_list dl * {
    transition: all .2s;
}

.special_list dl dt {
    width: 280px;
    height: 200px;
    float: left;
    overflow: hidden;
}

.special_list dl dt img {
    width: 100%;
}
.special_list dl dd {
    width: 240px;
    padding: 30px;
    float: left;
}
.special_list dl dd span {
    display: block;
    font-size: 20px;
    color: #333333;
    font-weight: 100;
    margin-bottom: 10px;
}

p {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    text-align: justify;
    font-weight: 100;
}

.sb_news {
    background: url(../images/sb_news.jpg);
}
.sb_case {
    background-image: url(../images/sb_case.jpg);
}

.sb_rencai {
    background-image: url(../images/sb_rencai.jpg);
}


.news_head {
    width: 100%;
    height: 280px;
    background: #fafafa;
    margin: 50px 0 70px;
}
.news_head dt {
    width: 520px;
    height: 280px;
    float: left;
    overflow: hidden;
}
.news_head dt img {
    width: 100%;
}
.news_head dd {
    padding: 35px 35px 0;
    float: left;
    width: 600px;
}
.news_head dd h2 {
    font-size: 28px;
    color: #333333;
    font-weight: 100;
}
.news_head dd p {
    font-size: 16px;
    line-height: 24px;
    margin: 15px 0 15px;
}
.news_list {
    width: 100%;
    border-top: 1px solid #f0f0f0;
}
.news_list dl {
    height: 120px;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 100;
    padding-top: 48px;
}
.news_list dl a {
    display: block;
    height: 100%;
}
.news_list dl * {
    transition: all .2s;
}
.news_list dl dt {
    width: 1000px;
    float: left;
    font-size: 20px;
    color: #333333;
}
.news_list dl dt p {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-top: 10px;
}
.news_list dl * {
    transition: all .2s;
}